<template>
  <view class="zk-html" v-if="widget">
    <rich-text :nodes="widget.value.dataEditor"></rich-text>
  </view>
</template>

<script>

  export default {

    data () {
      return {
        widgetModel: ''
      }
    },
    props: {
      widget: {}
    },
    mounted () {
      this.init()
    },
    methods: {
      async  init () {
        this.widgetModel = await this.$api.themeWidget(this.widget)
      }
    }
  }
</script>

<style lang="scss">
  @import "@/assets/style/variable.scss";
  .zk-html {
    font-size: $gl-size-base;
  }
</style>
